<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>


<script setup>
    import { ref,computed } from 'vue';
    const count = ref(0)
    const doubleCount = computed(() => count.value * 2)
    function increment() {
      count.value++
    }

</script>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
